<div class="ContactPanel wrapper" ms-controller="employee" style="width: 100%">
    <div class="mod-search cf">
        <div class="fl">
            <ul class="ul-inline">
                <li><label style="font-size: 12px">员工姓名:</label> <input type="text" ms-duplex="query.name" class="ui-input con"
                        value="" placeholder="请输入员工姓名"></li>
                <li><a class="ui-btn" id="search" ms-click="queryData" title="查询"><i class="fa fa-search"></i></a> <a class="ui-btn"
                        id="refresh" ms-click="reset" title="重置查询条件"><i class="fa fa-refresh"></i></a></li>
            </ul>
        </div>
        <div class="fr">
            <a class="ui-btn ui-btn-sp mrb" id="add" ms-click="edit(-1)" title="新增"><i class="fa fa-plus"></i>
            </a> <a class="ui-btn mrb" id="btn-batchDel" title="删除"><i class="fa red fa-trash-o"></i></a>
        </div>
    </div>
    <div id="editUser" style="display: none;">
        <form id="userForm" class="form-dl">
            <table>
                <tr>
                    <td class="left"><label>员工姓名：</label></td>
                    <td class="short applay_td"><input type="text" id="employeeName" name="employee_name" class="text required" ms-duplex="employeeInfo.name"
                            title="员工必填" /></td>
                </tr>
                <tr>
                    <td class="left"><label>所属机构：</label></td>
                    <td class="short applay_td"><input type="text" id="employeeOrgName" name="employee_name" class="text required" ms-duplex-value="employeeInfo.departMemoTX"
                        /></td>
                </tr>
                <tr>
                    <td class="left">
                        <label>性别：</label>
                    </td>
                    <td class="short applay_td"><select ms-each="arr" ms-duplex="employeeInfo.gender">
                        <option ms-attr-value="el.val">{{el.key}}</option>
                    </select></td>
                </tr>
                <tr>
                    <td class="left"><label>电话：</label></td>
                    <td class="short applay_td"><input type="text" id="phone" name="employee_phone" class="text" ms-duplex="employeeInfo.telNo" /></td>
                </tr>
                <tr>
                    <td class="left">
                        <label>关联用户：</label>
                    </td>
                    <td class="short applay_td"><select ms-each="userArr" ms-duplex="employeeInfo.userId">
                        <option ms-attr-value="el.id">{{el.userName}}</option>
                    </select><a id="newUser" ms-click="editUser(-1)" > 新建</a></td>
                </tr>
            </table>
        </form>
    </div>
    <div id="editUserInfo" style="display: none;height: 150px;overflow:auto;">
        <form id="userInfoForm" class="form-dl">
            <table>
                <tr>
                    <td class="left"><label>账号：</label></td>
                    <td class="short applay_td">
                        <input type="text" id="userName" name="userInfo_userName" class="text required" ms-duplex="userInfo.userName" />
                    </td>
                </tr>
                <tr>
                    <td class="left"><label>邮箱：</label></td>
                    <td class="short applay_td">
                        <input type="text" id="user_password" name="userInfo_password" class="text required" ms-duplex-value="userInfo.email" />
                    </td>
                </tr>
                <tr>
                    <td class="left"><label>状态</label></td>
                    <td class="short applay_td">
                        <select ms-each-el="statusArr" ms-duplex="userInfo.status">
                            <option ms-attr-value="el.val">{{el.text}}</option>
                        </select>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id="editUserRole" style="display: none;height: 260px;overflow:auto;">
        <form id="userRoleForm" class="form-dl">
            <table>
                <tr>
                    <td class="left"><label>角色：</label></td>
                    <td class="short applay_td ">
                        <li ms-repeat="roles" style="list-style-type:none;"><label style="margin-bottom: 0;"><input type="checkbox" ms-attr-value="el.id" ms-duplex="selected" style="vertical-align: -7px" />{{el.description}}</label></li>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div class="grid-wrap" style="width: 100%">
        <table id="grid">
        </table>
        <div id="page"></div>
    </div>
</div>